<template>
  <div class="home">
    <!-- 搜索框 -->
    <my-search></my-search>

    <!-- banner图 -->
    <my-swiper></my-swiper>

    <!-- 推荐音乐 -->
    <recommad-music></recommad-music>

    <!-- 最新音乐 -->
    <new-song></new-song>
  </div>
</template>

<script>
// 导入自定义组件
import MySearch from '@/components/MySearch.vue';
import MySwiper from '@/components/MySwiper.vue';
import RecommadMusic from '@/components/RecommadMusic.vue';
import NewSong from '@/components/NewSong.vue';

export default {
  // 注册组件
  components: {
    MySearch,
    MySwiper,
    RecommadMusic,
    NewSong
  }
}
</script>

<style>
.home {
  margin-bottom: 80px;
}
</style>